::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-button:vertical {
  display: none;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background-color: #ffffff00;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(0, 0, 0, 0.35);
}
::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgba(0, 0, 0, 0.38);
}

 
.backgorund-none {
  background-color: initial !important;
  border-radius: 20px !important;
  box-shadow: initial !important;
}
 
.flex-start {
  display: flex;
  justify-content: start;
  align-items: start;
}
.flex-evenly {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 
.flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.flex-wrap {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}
.aside-fixed {
  position: fixed;
  top: 30%;
  right: 20px;
  width: 92px;
  background: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.aside-fixed .fix-item:hover {
  background: #333;
}
.aside-fixed .fix-item:hover .img {
  width: 30px;
  height: 30px;
  margin-bottom: 11px;
  background-size: contain;
}
.aside-fixed .fix-item:hover .img::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 92px;
  width: 240px;
  height: 92px;
  background: #000;
} 











.cases_desc {
 
}
.cases_desc .index-common-title {
  margin: 0;
  padding-top: 155px;
}
.cases_desc .index-common-title h2 {
  color: #fff;
}
.cases_desc .cases_wrap {
  position: relative;
}
.cases_desc .cases_wrap .dr {
  position: absolute;
  width: 100%;
  height: 1px;
  border: 1px solid #535353;
  top: 72px;
}
.cases_desc .tabs {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  transform: translateY(15%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.cases_desc .tabs .tab {
  cursor: pointer;
}
.cases_desc .tabs .tab p {
  height: 19px;
  font-size: 20px;
  font-family: boldFont;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1;
}
.cases_desc .tabs .tab .eng {
  height: 10px;
  font-size: 12px;
  margin-top: 15px;
}
.cases_desc .tabs .tab .triangle {
  margin-top: 30px;
  width: 10px;
  height: 10px;
}
.cases_desc .tabs .tab.active p {
  color: #D1C0A5;
}
.cases_desc .tabs .tab.active .triangle {
  background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAARtJREFUOE+t01tSwjAUBuDzh9WAdQECDgHxuocK7szAIkBAbb37jLoTHslxEqcdLk1asHnsJP98/0mKeaRewahTCYuhp/iJhqeaeVJCHhHrJkxQGUqjO5T9MxtYhrIi0Ki2wjcbaNZXrF5Io7FP9URnzqaB/1EmurVAq4zUMzGauygFMKnJ8Dw5kwr3neWqbku4s1LwXdDqXaw2WhNa5aPqasK0SO0KuF6VvXdvYGFlhi6zsvn4/XB7whAzn1LQ8qjWvvnY3LNVOX2Xvht36JxCq4wHHdZ0n6V06byBzllCjwPZv3SNw1nZpfTpcoV/ysETMR1bETAKZHjluyyvcFOZpyskNJvmkYpBYpGnKxxobpyWtDjoXH/m/UG/2xeQbz2l5E4AAAAASUVORK5CYII=) center / cover;
}
.cases_desc .tabs .tab:hover p {
  color: #D1C0A5;
}
.cases_desc .tab_content {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.cases_desc .tab_content .content_item {
  position: absolute;
  width: 100%;
  height: 530px;
  top: 0;
}
.cases_desc .tab_content .content_item .img {
  width: 980px;
  height: 100%;
  background: no-repeat url(https://shj-siteweb.oss-cn-chengdu.aliyuncs.com/static/pcweb/image/pic_%E7%BE%8E%E5%AD%A6%E5%AE%A2%E5%8E%85%402x.png) center / cover;
}
.cases_desc .tab_content .content_item .img > img {
  position: absolute;
  height: 27px;
  width: auto;
  opacity: 0.5;
  transition: all ease 0.5s;
}
.cases_desc .tab_content .content_item .img > img:hover {
  opacity: 1;
}
.cases_desc .tab_content .content_item .desc {
  width: 300px;
  height: 100%;
  background: no-repeat url(/index/syz/sjs/zc02.png) center / cover;
}
.cases_desc .tab_content .content_item .desc span {
  transition: all ease 0.5s;
  width: 234px;
  height: 280px;
  background: no-repeat url(/index/syz/sjs/01.jpg) center / cover;
  opacity: 0;
}
.cases_desc .tab_content .content_item.active {
  z-index: 2;
}
.cases_desc .tab_content .content_item.active span {
  opacity: 1;
}
.cases_desc .tab_content .content_item:first-of-type {
  z-index: 1;
}
.cases_desc .tab_content .content_item:first-of-type .img {
  background-image: url(/index/syz/sjtua/01.jpg);
}
.cases_desc .tab_content .content_item:first-of-type .desc span {
  background-image: url(/index/syz/sjtua/1.png);
  opacity: 1;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(1) {
  top: 82px;
  left: 33px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(2) {
  top: 241px;
  left: 146px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(3) {
  top: 386px;
  left: 206px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(4) {
  top: 161px;
  left: 439px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(5) {
  top: 350px;
  left: 628px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(6) {
  top: 479px;
  left: 413px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(7) {
  top: 452px;
  left: 122px;
}
.cases_desc .tab_content .content_item:first-of-type img:nth-child(8) {
  top: 206px;
  left: 519px;
}
.cases_desc .tab_content .content_item:nth-child(2) .img {
  background-image: url(/index/syz/sjtua/02.jpg);
}
.cases_desc .tab_content .content_item:nth-child(2) .desc span {
  background-image: url(/index/syz/sjtua/2.png);
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(1) {
  top: 85px;
  left: 105px;
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(2) {
  top: 347px;
  left: 402px;
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(3) {
  top: 180px;
  left: 492px;
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(4) {
  top: 258px;
  left: 163px;
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(5) {
  top: 430px;
  left: 112px;
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(6) {
  top: 265px;
  left: 303px;
}
.cases_desc .tab_content .content_item:nth-child(2) img:nth-child(7) {
  top: 427px;
  left: 733px;
}
.cases_desc .tab_content .content_item:nth-child(3) .img {
  background-image: url(/index/syz/sjtua/03.jpg);
}
.cases_desc .tab_content .content_item:nth-child(3) .desc span {
 background-image: url(/index/syz/sjtua/3.png);
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(1) {
  top: 109px;
  left: 47px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(2) {
  top: 269px;
  left: 310px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(3) {
  top: 451px;
  left: 350px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(4) {
  top: 371px;
  left: 109px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(5) {
  top: 198px;
  left: 411px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(6) {
  top: 78px;
  left: 501px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(7) {
  top: 118px;
  left: 414px;
}
.cases_desc .tab_content .content_item:nth-child(3) img:nth-child(8) {
  top: 158px;
  left: 175px;
}
.cases_desc .tab_content .content_item:nth-child(4) .img {
  background-image: url(/index/syz/sjtua/04.jpg);
}
.cases_desc .tab_content .content_item:nth-child(4) .desc span {
  background-image: url(/index/syz/sjtua/4.png);
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(1) {
  top: 200px;
  left: 235px;
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(2) {
  top: 149px;
  left: 401px;
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(3) {
  top: 451px;
  left: 265px;
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(4) {
  top: 359px;
  left: 44px;
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(5) {
  top: 256px;
  left: 288px;
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(6) {
  top: 334px;
  left: 342px;
}
.cases_desc .tab_content .content_item:nth-child(4) img:nth-child(7) {
  top: 266px;
  left: 678px;
}
.cases_desc .tab_content .content_item:nth-child(5) .img {
 background-image: url(/index/syz/sjtua/05.jpg);
}
.cases_desc .tab_content .content_item:nth-child(5) .desc span {
  background-image: url(/index/syz/sjtua/5.png);
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(1) {
  top: 123px;
  left: 158px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(2) {
  top: 209px;
  left: 366px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(3) {
  top: 289px;
  left: 109px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(4) {
  top: 389px;
  left: 305px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(5) {
  top: 476px;
  left: 667px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(6) {
  top: 42px;
  left: 507px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(7) {
  top: 398px;
  left: 185px;
}
.cases_desc .tab_content .content_item:nth-child(5) img:nth-child(8) {
  top: 149px;
  left: 182px;
}
.cases_desc .tab_content .content_item:nth-child(6) .img {
 background-image: url(/index/syz/sjtua/06.jpg);
}
.cases_desc .tab_content .content_item:nth-child(6) .desc span {
 background-image: url(/index/syz/sjtua/6.png);
 }
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(1) {
  top: 106px;
  left: 117px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(2) {
  top: 208px;
  left: 584px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(3) {
  top: 295px;
  left: 354px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(4) {
  top: 403px;
  left: 124px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(5) {
  top: 302px;
  left: 757px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(6) {
  top: 411px;
  left: 301px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(7) {
  top: 227px;
  left: 178px;
}
.cases_desc .tab_content .content_item:nth-child(6) img:nth-child(8) {
  top: 466px;
  left: 126px;
}
.cases_desc .tab_content .content_item:nth-child(7) .img {
  background-image: url(https://shj-siteweb.oss-cn-chengdu.aliyuncs.com/static/pcweb/image/pic_%E6%96%87%E5%8C%96%E5%85%BB%E8%80%81%402x.png);
}
.cases_desc .tab_content .content_item:nth-child(7) .desc span {
  background-image: url(https://shj-siteweb.oss-cn-chengdu.aliyuncs.com/static/pcweb/image/%E6%96%87%E6%A1%88_wh%402x.png);
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(1) {
  top: 35px;
  left: 494px;
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(2) {
  top: 387px;
  left: 751px;
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(3) {
  top: 337px;
  left: 168px;
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(4) {
  top: 171px;
  left: 63px;
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(5) {
  top: 475px;
  left: 624px;
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(6) {
  top: 144px;
  left: 462px;
}
.cases_desc .tab_content .content_item:nth-child(7) img:nth-child(7) {
  top: 409px;
  left: 366px;
}
.cases_desc .tab_content:nth-child(1) .content_item img:nth-child(1) {
  top: 247px;
  left: 233px;
}
.cases_bg {
  position: relative;
  width: 100%;
  height: 1933px;
  background: no-repeat url('https://shj-siteweb.oss-cn-chengdu.aliyuncs.com/static/pcweb/image/bg-hc%402x.png') center;
  background-size: auto 2020px;
}
.cases_bg .index-common-title h2 {
  color: #fff;
}